*{box-sizing: border-box;}
html{max-width:640px; min-width: 320px; margin: 0 auto;}
body{text-align:left; font-family:'微软雅黑','PingFang SC','Droidsansfallback'; background: #f9f9f9;height: 100%; overflow-x: hidden;}
body,ul,p,span,dl,dt,dd,li{margin:0;padding:0; }
em,i{font-style: normal;}
li{list-style:none;}
a,a:visited{text-decoration:none;color:#000;}
.clear{clear:both;height:100%;overflow:hidden;}
.clearfix:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}


.headTop .cenTn .wd120 .logX,
.xinapp ul,
.newsList .touTm,
.headTop .logoQC,
.readNum em,
#go-top
{background:url(../img/stpz-190730@2x.png) no-repeat;  background-size: auto 200px; }

/*手机版顶部*/
/* pop menu */

.fixDiv{position: fixed;top: 0!important;}

.searchP{position: absolute; top:8px;}
.xq-sosuo:before,.xq-sosuo:after,.xq-sosuoOpen:before, .xq-sosuoOpen:after{content:''; display:block; position:absolute; top:0; left:0; }

.xq-sosuo:before,.xq-sosuoOpen:before{width:12px;height:12px;  border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}
.xq-sosuoOpen:after,.xq-sosuo:after{width:1px;height:8px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top:11px; left:15px; border-radius:4px;}


.xq-sosuo:before,.xq-sosuoOpen:before{border:1px rgba(102, 102, 012, 1) solid;}
.xq-sosuo:after,.xq-sosuoOpen:after{background:rgba(102, 102, 102, 1); }

.anmaiClose{display: none;}


.popTop125{ top:118px;}
.popTop50{ top:44px; padding-top: 0px;}
/* animation */
.menuPop{position: fixed;height: 100%;background:#f1f1f1; display: none;z-index: 911988; 
-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 0.4s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/
 }
@-webkit-keyframes fadeIn{
0% {opacity: 0; }
50% {opacity: 0.5;}
100% {opacity: 1;}
}
.anmaiClose{-webkit-animation-name: closefadeIn; /*动画名称*/
-webkit-animation-duration: 0.4s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/
}
@-webkit-keyframes closefadeIn{
0% {opacity: 1; }
50% {opacity: 0.5;}
100% {opacity: 0;}
}
.xin-searchOpen{-webkit-animation-name: openfadeIn; /*动画名称*/
-webkit-animation-duration: 0.4s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/
}
@-webkit-keyframes openfadeIn{
0% {opacity: 0;}
50% {opacity: 0.5;}
100% {opacity: 1; }
}

.nav-hamburger{height: 30px;  width: 36px;  cursor: pointer;position:absolute; top:12px; z-index: 188;right:10px;}
.nav-hamburger .nav-hamburger-line {
    display: block;
    position: relative;
    width: 22px;
    height: 1px;
    border-radius: 1px;
    background: #666;
    -webkit-transition-property: transform, opacity, -webkit-transform;
    -moz-transition-property: transform, opacity, -webkit-transform;
    -ms-transition-property: transform, opacity, -webkit-transform;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -ms-transition-duration: 0.25s;
    transition-duration: 0.25s;
}
.nav-hamburger .nav-hamburger-line:nth-child(1) {
    top: 4px;
    left: 6px;
    -webkit-transform-origin: 2px 3px;
    -moz-transform-origin: 2px 3px;
    -ms-transform-origin: 2px 3px;
    transform-origin: 2px 3px;
}
.nav-hamburger .nav-hamburger-line:nth-child(2) {
    top: 9px;
    left: 6px;
    opacity: 1;
}
.nav-hamburger .nav-hamburger-line:nth-child(3) {
    top: 14px;
    left: 6px;
    -webkit-transform-origin: 4px 3px;
    -moz-transform-origin: 4px 3px;
    -ms-transform-origin: 4px 3px;
    transform-origin: 4px 3px;
}
.nav-hamburger-link .opened .nav-hamburger-line {
    background-color:#0365AA;
}
.nav-hamburger-link .opened .nav-hamburger-line:nth-child(1) {
    top: 2px;
    left: 9px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav-hamburger-link .opened .nav-hamburger-line:nth-child(2) {
    opacity: 0;
}
.nav-hamburger-link .opened .nav-hamburger-line:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 12px;
    top: 11px;
}
}



.headMenu_open{position: fixed;background: #f1f1f1; z-index: 9999; top: 43px; padding:10px 0;}
.headMenu_open,.menuPop{min-width: 320px; max-width: 640px; width: 100%;}

.popTopP10{padding:10px 0;}
.popTop50 {
    top: 44px;
    padding-top: 0px;
}
.popTopP10 .menuTan li a{font-size:18px;}
.guDig{position: fixed; max-width: 640px; min-width: 320px; width: 100%; z-index: 1111;  background: url(../img/bgyin.png) bottom repeat-x; -webkit-background-size: auto 5px;  top:0; }

.headTop{height:44px;background:#fff; line-height:36px; padding:3px 10px; border-bottom:1px solid #EAEAEA;box-sizing: border-box; position:relative; text-align: center; }
.headTop .weatherQ{float: left; width: 33%;}

.headTop .logoQC{height: 38px;
    text-indent: -99999em;
    width: 103px;
    margin: 0 auto;
    background-position: -3px 3px;}
.headTop .logoQh{float:left; width: 33%; height:35px; margin-top:3px; text-indent:-9999em;}


.headTop .fanHui{width: 30px;  height: 40px; position: absolute; left: 6%; top:3px; }
.headTop .fanHui span{ 
    border-right: 1px solid #29ABE2;
                border-top: 1px solid #29ABE2;
                height: 12px;
                width: 12px;
                transform: rotate(-135deg);
                -webkit-transform: rotate(-135deg);
                border-left: 1px solid transparent;
                border-bottom: 1px solid transparent;
                float: left;
                margin-top:12px; 
                }
.headTop .cenTn{ height: 40px;}
.headTop .cenTn .wd120{/*width: 155px;*/ margin: 0 auto; }
.headTop .cenTn .wd120 a{display: block; color: #fff;}
.headTop .cenTn .wd120 .logX{ width: 83px; background-position:9px 0px;  text-indent:-9999em;margin: auto;}
.channlName{top:44px; color: #fff;background: #29ABE2;padding: 0 10px; position:absolute;left: 50%; transform: translate(-50%, 0);height: 28px;line-height:28px; z-index: 999;}
.channlName a{color: #fff;font-size:16px; font-weight: 300;}
.channlName::after,.channlName::before{
    content: "";
    position: absolute;
    height: 0px;
    width: 0px;
    top: 0px;
    border-top: 28px solid  #29ABE2;
}
.channlName::after{
    border-left: 10px solid transparent;
    left: -10px;
}
.channlName::before{
    border-right: 10px solid transparent;
    right: -10px;
}

.cenNav{top:44px; color: #fff;background: #29ABE2;padding: 0 10px; position:absolute;left: 50%; transform: translate(0, 0);height: 28px;line-height:28px; z-index: 999;}
.cenNav a{color: #fff;font-size:16px; font-weight: 300;}
.cenNav::after,.cenNav::before{
    content: "";
    position: absolute;
    height: 0px;
    width: 0px;
    top: 0px;
    border-top: 28px solid  #29ABE2;
}
.cenNav::after{
    border-left: 0px solid transparent;
    left: -10px;
}
.cenNav::before{
    border-right: 10px solid transparent;
    right: -10px;
}

.headTop .searchMenu{ position: absolute; right: 80px; top:6px;}
.headTop .searchMenu .searH a{float: left; width: 30px; height: 30px; text-indent: -9999em; background-position: -289px -8px; }
.headTop .searchMenu .menuQ a{float: left; margin-left:15px;  width: 30px; height: 30px;text-indent: -9999em; background-position: -250px -8px;}

.moreChannl{background: rgba(253, 193, 45, 0.2); text-align: center; margin: 0 10%; padding: 10px 0; border-radius:1px; margin-top: 10px;}
.moreChannl a{font-size: 16px; color: #000; font-weight: 300;}
.dissearch{background-color: #EAEAEA;padding: 20px 10px 10px 10px;position: fixed;max-width:640px;margin:0 auto;left: 0;right: 0;top: 44px;box-sizing: border-box;display: none;border-bottom: 3px solid #F9B31C;}
.dissearch .dangq{   
left: 20px;
top: 14px;
 width: 12px;
    height: 9px;
    z-index: 888;
    margin-top: -21px;
    position: absolute;
    overflow: hidden;
}
.dissearch .dangq i{
        border: 2px solid #ccc;
        background-color: #EAEAEA;
    width: 10px;
        height: 10px;
        z-index: 888;
        display: block;
        transform: rotate(47deg);
        -ms-transform: rotate(47deg);
        -moz-transform: rotate(47deg);
        -webkit-transform: rotate(47deg);
        overflow: hidden;
        margin-top: 2px;
}
.dissearch .search-in input{float: left;width: 68%;height: 36px;line-height: 36px;padding-left: 5px;font-size: 17px;border: 1px solid #ddd;}
.dissearch .search-in input::-webkit-input-placeholder{
　　color:#999;}
.dissearch .search-in .search-btn{float: left;width: 29%;background-color: rgba(38, 146, 245, 0.62);color: #fff;height: 39px;line-height: 39px;}
.dissearch .search-in .search-btn:active{background-color: #C78F16;}
.dissearch .s-close{display: block;border: 1px solid #757575;width: 40px;height: 40px;clear: both;border-radius: 50%;margin: 13px auto 0;}
.dissearch .s-close{background-position: -296px -3px;}
.dissearch .s-close:active{background-position: -247px -3px;border: 1px solid #ffbf00;}

.daoH{margin-top: 45px;}
.daoH ul{background: #555; height: 35px;}
.daoH ul li{padding: 0 10px; line-height: 35px;}
.daoH ul li a{float: left; width: 25%; color: #fff; text-align: center; font-size: 16px; }

.kongt10{margin-top: 40px;}
.weatherQ{font-size: 10px; color: #fff; line-height: 100%; margin-top:5px; }
.weatherQ .weaIcon img{width: 15px; height: 15px;}
.weatherQ .weaText{display: block; line-height: 140%;}


.headMenu{background:#f9f9f9; border-bottom:1px solid #d4d4d4; }
.popTopP45{padding-top:50px;padding-bottom: 4px;}
.menuTan{margin: 0 10px;}
.menuTan li{line-height:30px; height:30px; float: left; width:25%; text-align: center; margin-bottom:2px; }
.menuTan li:active{background: #FFD35A; border-radius:3px;}
.menuTan li a{font-size:18px; display:inline-block; color: #1D1D1D;}
.menuTan .danq a{ border-bottom: 2px solid #FFBF00; font-size: 20px; font-weight: 500;}

.sdnews{background: #f7f7f7;padding:0px 5px 0 4%;height: 20px;line-height:20px;position: absolute;left: 0%; top: 12px;font-size: 12px;color: #7d7d7d;}

.sdnews::after{
    content: "";
    position: absolute;
    height: 0px;
    width: 0px;
    border-top: 20px solid  #e6e6e6;
    border-right: 6px solid transparent;
    top: 0px;
    right: -6px;
}



.kong45{margin-top:25px; }
#slider{ margin-top: 0px;}
.kong40t{margin-top: 40px;}

/*手机版顶部end*/
#xinmore,#navwrap .nav p
{display: none;}

span.ourVR,
i.icon720,
#navwrap .nav p
{
  background-image: url(../img/pcscript.png);
      background-image: -webkit-image-set(url(../img/pcscript.png) 1x,url(../img/pcscript@2x.png) 2x);
      background-repeat: no-repeat;
}

#go-top
{
background-image: url(http://vr.qdxin.cn/img/sprit-17102.png);
background-image: -webkit-image-set(url(http://vr.qdxin.cn/img/sprit-17102.png) 1x,url(http://vr.qdxin.cn/img/sprit-17102@2x.png) 2x);
                         background-repeat: no-repeat;
}

.topVR{width: 100%;}

#vrBg{max-height: 100%;
    margin: 0 auto;
    overflow: hidden;position: absolute;z-index:-2;left: 0;right: 0;top: 0;}

.topVR{width: 100%;height: 300px;overflow: hidden;position: relative;margin-top: 44px;}
.vr-cover{position: absolute;width: 100%;height: 100%;background: #000;opacity: 0.3;z-index: -1;、/*filter: alpha(opacity=10);*/display: none;top: 0;left:0;right: 0;}

#navwrap{margin: 0 auto;width: 100%;height:80px;background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));}
#navwrap .nav{width: 100%;height: 40px;color: #fff;position: relative;}
#navwrap .nav .navreal{overflow: hidden;width:100%;}
#navwrap .nav .navright{overflow: hidden;margin-top: 5px;width:100%;}
#navwrap .nav .navright ul{overflow: hidden;display: flex;}
#navwrap .nav .navright ul li{flex: 1;}
#navwrap .nav .navright ul li a{color: #fff;display: block;width:100%;text-align: center;height: 40px;font-size: 14px;line-height: 40px;}
#navwrap .nav .navright ul li a:hover{color: #ffbe01;}

#navwrap .nav #xinmore{position: absolute;width: 120px;font-size: 16px;cursor:default;top: 15px;right: 0;}

#navwrap .nav #xinmore span{position: absolute;height: 40px;border:2px solid #fff;border-radius: 50px;width: 120px;line-height: 40px;text-align: center;font-size: 16px;cursor:default;top: 0;right: 0;}

#morelink{position: absolute;display: none;top: 40px;left: 13px}
#morelink li a{width: 95px;display: block;background: url(../img/morebg.png);color: #fff;font-size: 16px;height: 40px;line-height: 40px;text-align: center;}
#morelink li a:hover{background: #ffbe01;color: #fff;}

.totitle{width: 100%;margin: 0px auto 0;padding-top: 65px;}
.totitle h1{color:#ffbe01;font-weight: bold;font-size: 45px;text-align: center; }
.totitle p{color: #fff;font-size: 16px;text-align: center;line-height: 32px;padding: 0 4%;text-shadow: 0px 5px 5px #000;}
.totitle a{
  color: #fff;
    border: none;
    background-image: -webkit-linear-gradient(315deg,#7ba5fb,#14ffe0);
    background-image: linear-gradient(135deg,#7ba5fb,#14ffe0);
    width: 60%;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 20px;
    margin: 20px auto 0;display: block;text-align: center;border-radius: 50px;
  }
 .totitle a:hover {
      background-image: -webkit-linear-gradient(315deg,#739ce5,#13e5c2);
      background-image: linear-gradient(135deg,#739ce5,#13e5c2);
      color: #fff!important;
  }

  .bottQu{position: absolute;left: 0;right: 0;width: 100%;}
  .bottQu p{width: 640px;text-align: center;font-size: 12px;height: 46px;line-height: 46px;margin: auto;color: #4d4d4d;}

.mainbody{width: 100%;margin: 30px auto 30px;padding: 0 4%;}
.margin_list{margin-top: 65px;}
.maintitle{width: 100%;border-left:5px solid #FFBE01;font-size: 18px;font-weight: bold;color: #4d4d4d;padding-left: 10px;position: relative;}
.maintitle .more a{position: absolute;right: 0;font-weight: normal;color: #656565;font-size: 18px;top: 0px;}
.maintitle .more a:hover{color: #1796F0}
.maintitle .biaot a{}
.maintitle .biaot a:hover{color: #FFA60B;}

.newVR{width: 100%;overflow: hidden;margin: 20px 0 30px;}
.newVR .new-l{width: 100%;}
.newVR .new-l p{width: 100%;position: absolute;bottom: 0;left: 0;right: 0;height: 50px;line-height: 50px;color: #fff;background: rgba(0,0,0,0.5);z-index: 10;font-size: 16px;padding: 0 10px;overflow: hidden;}
.newVR .new-l a{display: block;width: 100%;height: 240px;overflow: hidden;position: relative;}
.newVR a img{display: block;min-height:100%;width: 100%;object-fit: cover;}
.newVR .new-r{width:100%;margin-top: 10px;}
.newVR .new-r ul{overflow: hidden;}
.newVR .new-r ul li{float: left;width: 49%;margin-bottom: 10px;margin-right: 2%;position: relative;}
.newVR .new-r ul li.nomargin{margin-right: 0;}
.newVR .new-r ul li p{background: rgba(0,0,0,0.6);color: #fff;font-size: 14px;line-height: 20px;text-align: center;padding: 5px;position: absolute;bottom: 0;left: 0;right: 0;}
.newVR .new-r ul li a{display: block;position: relative;width: 100%;height: 150px;overflow: hidden;}

span.ourVR{display: block;position: absolute;width: 60px;height: 60px;right: 0;top: 0;background-position:3px -40px;z-index: 10;}
i.icon720{
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    background-position: -3px -106px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    opacity: .7;
    filter: Alpha(opacity=70);
    z-index: 10;
}

.vr-row{margin: 20px 0 30px;overflow: hidden;}
.vr-row ul{overflow: hidden;}
.vr-row ul li{float: left;margin-left: 2%;margin-bottom: 10px;position: relative;}
.vr-row ul li:first-child{margin-left: 0;}
.vr-row ul li:nth-child(odd){margin-left: 0;}
.vr-row ul li a{display: block;width: 100%;overflow: hidden;height: 150px;position: relative;}
.vr-row ul li a img{height: 100%;display: block;width: auto;}
.vr-row ul li p{background: rgba(0,0,0,0.6);color:#fff;font-size: 14px;line-height: 30px;text-align: center;overflow: hidden;position: absolute;bottom: 0;left: 0;right: 0;}

.two ul li{width: 49%;}
.three ul li{width: 49%;}
.one ul li{width: 100%;}
.one ul li a{height: 200px;}
.one ul li a p{height: 40px;line-height: 40px;background: rgba(0,0,0,0.5);color: #fff;position: absolute;bottom: 0;left: 0;right: 0;text-align: center;filter: alpha(opacity=90)；}
.one ul li a img{min-width:100%;height:100%;}

#go-top {
    margin: -10px 5px 5px 5px;
    width: 40px;
    height: 40px;
    border-radius: 1px;
    opacity: 0.95;
    background-color:#FDC12D;
    text-indent: 9999em;
    background-position: -78px -50px;
        z-index: 999;
}


.daoHbot{height: 40px; line-height: 40px;  margin: 10px 4% 0 10px;border-top: 1px solid #BAB9B9;}
.daoHbot li{float: left; width:16.5%; text-align: center;}
.daoHbot li a{color: #4d4d4d; font-size: 15px;}
.bottQu{ padding-bottom: 20px;}
.boTul{padding:2px 0 20px 0; color: #666; }
 .boTul li a{color: #666;}
.boTul li{ text-align:center; font-size: 13px;line-height: 180%; }
.boTul .banben{line-height:40px; height:40px; color:#333;}
.boTul .banben a{color:#fff; padding:0 10px;}
.boTul .banq{ height:40px; line-height:40px;  font-size:14px; }
.boTul .banq a{font-size: 17px; padding: 0 5px;}


.bottQu p,#navwrap{display: none;}